/*
 * @Overview     : 常用vant主题
 * @Author       : Zi Jun
 * @Email        : zijun2030@163.com
 * @Date         : 2020-12-24 14:55:12
 * @LastEditTime : 2021-01-07 16:01:38
 * @LastEditors  : Zi Jun
 * @FilePath     : \simple-vue\src\styles\global\_variables.less
 * @Mark         : https://github.com/youzan/vant/blob/dev/src/style/var.less
 */

/*========================================
Color Palette
========================================*/
@theme-color: #1989fa;
@black: #000;
@white: #fff;
@gray-1: #f7f8fa;
@gray-2: #f2f3f5;
@gray-3: #ebedf0;
@gray-4: #dcdee0;
@gray-5: #c8c9cc;
@gray-6: #969799;
@gray-7: #646566;
@gray-8: #323233;
@red: #ee0a24;
@blue: #1989fa;
@orange: #ff976a;
@orange-dark: #ed6a0c;
@orange-light: #fffbe8;
@green: #07c160;
@gray-wx: #ededed;
@font-color-3: #333;
@font-color-6: #666;
@font-color-9: #999;

/*========================================
Gradient Colors
========================================*/
@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);

/*========================================
Component Colors
========================================*/
@text-color: @gray-8;
@active-color: @gray-2;
@active-opacity: 0.7;
@disabled-opacity: 0.5;
@background-color: @gray-1;
@background-color-light: #fafafa;
@text-link-color: #576b95;

/*========================================
Padding
========================================*/
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-lg: @padding-base * 6;
@padding-xl: @padding-base * 8;

/*========================================
Border
========================================*/
@border-color: @gray-3;
@border-width-base: 1px;
@border-radius-sm: 2px;
@border-radius-md: 4px;
@border-radius-lg: 8px;
@border-radius-max: 999px;

/*========================================
Font 750
========================================*/
// @font-size-xs: 10px;
// @font-size-sm: 12px;
// @font-size-md: 14px;
// @font-size-lg: 16px;
// @font-weight-bold: 500;
// @line-height-xs: 14px;
// @line-height-sm: 18px;
// @line-height-md: 20px;
// @line-height-lg: 22px;
@font-size-xs: 20px;
@font-size-sm: 24px;
@font-size-md: 28px;
@font-size-lg: 32px;
@font-weight-bold: 500;
@line-height-xs: 28px;
@line-height-sm: 36px;
@line-height-md: 40px;
@line-height-lg: 44px;
@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial,
  Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
@font: @font-size-md / 1.2 @base-font-family;

/*========================================
Loading
========================================*/
@loading-text-color: @gray-6;
@loading-text-font-size: @font-size-md;
@loading-spinner-color: @gray-5;
@loading-spinner-size: 30px;
@loading-spinner-animation-duration: 0.8s;

/*========================================
Animation
========================================*/
@animation-duration-base: 0.3s;
@animation-duration-fast: 0.2s;
@animation-timing-function-enter: ease-out;
@animation-timing-function-leave: ease-in;
